
.login{
   background-image: url("../image/background.png");
   background-repeat: no-repeat;
   background-size:100% 100% ;
   position: fixed;
    left: 0;
    right: 0;
    top:0;
    bottom: 0;
  form {
    .mt(260);
    .form-line {
      margin-left: auto;
      margin-right: auto;
      box-sizing: content-box;
      font-size: 0;
      .w(300);
      .h(40);

      color: @defaultColor;
      &:first-child {
        border-bottom: 1px solid @defaultColor;
      }
      span{
        display: inline-block;
        background-position: 15px 10px;
        background-color: @iconBgColor;
        height: 100%;
        .w(50);
      }
      .account{
        background-image: url("../image/account.png");
        background-repeat: no-repeat;
      }
      .lock{
        background-image: url("../image/lock.png");
        background-repeat: no-repeat;

      }

    }
    input {
      border-width: 0;
      outline-width: 0;
      background-color: @formBgColor;
      height: 100%;
      box-sizing: border-box;
      .w(250);
      .fs(14);
      .pl(30);
      position: absolute;
      top:0;
      &::-webkit-input-placeholder {
        color: @defaultColor;
      }

    }
  }
    button{
      .w(300);
      .h(35);
      font-weight: bold;
      &.login-btn{
        background-color: @headBgColor;
        color: @defaultColor;
        margin-top: 75px;
        font-size: 18px;
        border: none;

      }
      &.register-btn{
        margin-top: 20px;
        background-color: @btnBgColor;
        color: @headBgColor;
        border:1px solid @headBgColor;
      }
    }
  }

